{include file="public/header" /}
<button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>
<div class="blog-container">
    <div class="blog-main">
        <div class="home-tips shadow">
            <i style="float:left;line-height:17px;" class="fa fa-volume-up"></i>
            <div class="home-tips-container">
							<span style="color: rgb(0, 150, 136); cursor: pointer; display: none;"><p><span>网站处于试运行过程，如遇到bug，可以及时与我联系哦，首页左侧可以联系我，或者给我留言。</span></p>
							</span><span style="color: rgb(0, 150, 136); cursor: pointer; display: block;"><p><span>小粽熊QVQ —— 个人博客&nbsp;网站采用Layui为前端框架，记录技术交流，工作心得体会！</span></p>
							</span><span style="color: rgb(0, 150, 136); cursor: pointer; display: none;">感谢您发现本站，由于某些原因导致数据库丢失，但本站内容会持续更新的。</span>
            </div>
        </div>
        <div class="blog-main-left animated slideInLeft">
            <div class="flow-default" id="parentArticleList">
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                {foreach $blog as $v}
                <div class="article shadow animated zoomIn">
                    <div class="article-left ">
                        <img src="/static/home/img/{$v.blog_photo}" alt="Tomcat优化性能，JVM优化">
                    </div>
                    <div class="article-right">
                        <div class="article-title">
                            <span class="article_is_top">置顶</span>&nbsp;<span class="article_is_yc">原创</span>&nbsp;
                            <a href="{:url('/index/index/article/bid/'.$v['blog_id'])}">{$v.blog_title}</a>
                        </div>
                        <div class="article-abstract">
                            {$v.blog_content}</div>
                    </div>
                    <div class="clear"></div>
                    <div class="article-footer">
                        <span><i class="fa fa-clock-o"></i>&nbsp;&nbsp;{$v.blog_time}</span>
                        <span class="article-author"><i class="fa fa-user"></i>&nbsp;&nbsp;{$v.blog_author}</span>
                        <span><i class="fa fa-tag"></i>&nbsp;&nbsp;<a href="javascript:classifyList(10);"> {$v.cat_art}</a></span>
                        <span class="article-viewinfo"><i class="fa fa-eye"></i>&nbsp;286</span>
                        <span class="article-viewinfo"><i class="fa fa-commenting"></i>&nbsp;3</span>
                    </div>
                </div>
                {/foreach}
                </fieldset>
                <div class="clear"></div>
                <div class="pagination">
                    {$blog|raw}
                </div>
            </div>
        </div>

        <div class="blog-main-right">
            <div class="blogerinfo shadow animated fadeInRight">
                <div class="blogerinfo-figure">
                    <img src="{$userList.user_photo}" alt="{$userList.user_name}">
                </div>
                <p class="blogerinfo-nickname">{$userList.user_name}</p>
                <p class="blogerinfo-introduce">{$userList.user_content}</p>
                <p class="blogerinfo-location"><i class="fa fa-location-arrow"></i>&nbsp;<span>{$userList.user_address}</span></p>
                <hr>
                <div class="blogerinfo-contact">
                    <a target="_blank" id="QQjl" title="QQ交流" href="http://shang.qq.com/email/stop/email_stop.html?qq=2896543728"><i class="fa fa-qq fa-2x"></i></a>
                    <a target="_blank" id="gwxx" title="给我写信" href="mailto:2896543728@qq.com"><i class="fa fa-envelope fa-2x"></i></a>
                    <a target="_blank" id="xlwb" title="新浪微博" href="https://weibo.com/p/1005055534423586"><i class="fa fa-weibo fa-2x"></i></a>
                    <a target="_blank" id="htgl" title="后台管理" href="/toLogin"><i class="fa fa-database fa-2x"></i></a>
                </div>
            </div>

            <div class="layui-tab layui-tab-brief shadow animated fadeInRight" lay-filter="docDemoTabBrief">
                <ul class="layui-tab-title">
                    <li class="layui-this">点击排行</li>
                    <li>站长推荐</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <ul class="blog-module-ul">
                            <li>
											<span>
<i class="layui-badge-rim layui-bg-red">1</i>
</span> &nbsp;&nbsp;
                                <a href="detail.html">Tomcat优化性能，JVM优化</a>
                            </li>
                            <li>
											<span>
<i class="layui-badge-rim layui-bg-orange">2</i>
</span> &nbsp;&nbsp;
                                <a href="detail.html">Redis安装</a>
                            </li>
                            <li>
											<span>
<i class="layui-badge-rim layui-bg-green">3</i>
</span> &nbsp;&nbsp;
                                <a href="detail.html">Spring boot 使用 JSP</a>
                            </li>
                            <li>
											<span>
<i class="layui-badge-rim">4</i>
</span> &nbsp;&nbsp;
                                <a href="detail.html">Spring Boot 表单验证@Valid</a>
                            </li>
                            <li>
											<span>
<i class="layui-badge-rim">5</i>
</span> &nbsp;&nbsp;
                                <a href="detail.html">Spring boot 的核心配置文件</a>
                            </li>
                            <li>
											<span>
<i class="layui-badge-rim">6</i>
</span> &nbsp;&nbsp;
                                <a href="detail.html">Centos7安装和配置jre1.8</a>
                            </li>
                            <li>
											<span>
<i class="layui-badge-rim">7</i>
</span> &nbsp;&nbsp;
                                <a href="detail.html">centos7对外开放端口</a>
                            </li>
                            <li>
											<span>
<i class="layui-badge-rim">8</i>
</span> &nbsp;&nbsp;
                                <a href="detail.html">怎么关闭eclipse对js xml的验证?</a>
                            </li>
                            <li>
											<span>
<i class="layui-badge-rim">9</i>
</span> &nbsp;&nbsp;
                                <a href="detail.html">向百度主动推送以加快网页的收录速度！</a>
                            </li>
                            <li>
											<span>
<i class="layui-badge-rim">10</i>
</span> &nbsp;&nbsp;
                                <a href="detail.html">支付宝开发者入驻</a>
                            </li>
                        </ul>
                    </div>
                    <div class="layui-tab-item">
                        <ul class="blog-module-ul">
                            <li>
                                <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                <a href="detail.html">Tomcat优化性能，JVM优化</a>
                            </li>
                            <li>
                                <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                <a href="detail.html">Redis安装</a>
                            </li>
                            <li>
                                <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                <a href="detail.html">Spring boot 使用 JSP</a>
                            </li>
                            <li>
                                <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                <a href="detail.html">Spring Boot 表单验证@Valid</a>
                            </li>
                            <li>
                                <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                <a href="detail.html">Spring boot 的核心配置文件</a>
                            </li>
                            <li>
                                <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                <a href="detail.html">Centos7安装和配置jre1.8</a>
                            </li>
                            <li>
                                <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                <a href="detail.html">centos7对外开放端口</a>
                            </li>
                            <li>
                                <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                <a href="detail.html">怎么关闭eclipse对js xml的验证?</a>
                            </li>
                            <li>
                                <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                <a href="detail.html">向百度主动推送以加快网页的收录速度！</a>
                            </li>
                            <li>
                                <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                <a href="detail.html">支付宝开发者入驻</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="blog-module shadow animated fadeInRight">
                <div class="blog-module-title"><i class="fa fa-file-text-o"></i>&nbsp;博主介绍</div>
                <p>Longwang，一枚90后的java程序员，好奇心比较强，目前是一个码农，从事Java方向的研究和开发。-- Longwang</p>
            </div>
            <div class="blog-module shadow animated fadeInRight fadeInUp">
                <div class="blog-module-title"><i class="layui-icon"></i>&nbsp;热评用户</div>
                <ul class="hotusers-list">
                    <li class="hotusers-list-item">
                        <div class="hotusers-top hotusers-num">1</div>
                        <div class="hotusers-avator">
                            <img src="http://qzapp.qlogo.cn/qzapp/101477629/B5D5212D0429E4491D932EEEF814FE99/100" width="45" height="45">
                        </div>
                        <div>
                            <div class="hotusers-nick">Mr.Long</div>
                            <span class="hotusers-level" title="等级1" style="background-image: url(https://changyan.itc.cn/v2/asset/scs/imgs/p-lv01.png);">
<i style=" background-image:url(https://changyan.itc.cn/v2/asset/scs/imgs/p-lv01-04.png);">潜水</i>
</span>
                            <span class="hotusers-totalcmt">本站评论数：4</span>
                        </div>
                        <span class="hotusers-icons"></span>
                    </li>
                    <li class="hotusers-list-item">
                        <div class="hotusers-top hotusers-num">2</div>
                        <div class="hotusers-avator">
                            <img src="http://qzapp.qlogo.cn/qzapp/101477629/142350DC6080D761759CA72042447829/100" width="45" height="45">
                        </div>
                        <div>
                            <div class="hotusers-nick">十七</div>
                            <span class="hotusers-level" title="等级2" style="background-image: url(https://changyan.itc.cn/v2/asset/scs/imgs/p-lv02.png);">
<i style=" background-image:url(https://changyan.itc.cn/v2/asset/scs/imgs/p-lv01-04.png);">潜水</i>
</span>
                            <span class="hotusers-totalcmt">本站评论数：2</span>
                        </div>
                        <span class="hotusers-icons"></span>
                    </li>
                    <li class="hotusers-list-item">
                        <div class="hotusers-top hotusers-num">3</div>
                        <div class="hotusers-avator">
                            <img src="http://qzapp.qlogo.cn/qzapp/101477629/436C863FE45FEBC7D279B0C22E9A62FD/100" width="45" height="45">
                        </div>
                        <div>
                            <div class="hotusers-nick">默〃</div>
                            <span class="hotusers-level" title="等级3" style="background-image: url(https://changyan.itc.cn/v2/asset/scs/imgs/p-lv03.png);">
<i style=" background-image:url(https://changyan.itc.cn/v2/asset/scs/imgs/p-lv01-04.png);">潜水</i>
</span>
                            <span class="hotusers-totalcmt">本站评论数：2</span>
                        </div>
                        <span class="hotusers-icons"></span>
                    </li>
                    <li class="hotusers-list-item">
                        <div class="hotusers-top hotusers-num">4</div>
                        <div class="hotusers-avator">
                            <img src="http://qzapp.qlogo.cn/qzapp/101477629/2F1EDDE252859E5FF645F959893C6863/100" width="45" height="45">
                        </div>
                        <div>
                            <div class="hotusers-nick">Single</div>
                            <span class="hotusers-level" title="等级4" style="background-image: url(https://changyan.itc.cn/v2/asset/scs/imgs/p-lv04.png);">
<i style=" background-image:url(https://changyan.itc.cn/v2/asset/scs/imgs/p-lv01-04.png);">潜水</i>
</span>
                            <span class="hotusers-totalcmt">本站评论数：1</span>
                        </div>
                        <span class="hotusers-icons"></span>
                    </li>
                    <li class="hotusers-list-item">
                        <div class="hotusers-top hotusers-num">5</div>
                        <div class="hotusers-avator">
                            <img src="http://qzapp.qlogo.cn/qzapp/101477629/0ABFEA14AAF50D3C07B6489440FEE081/100" width="45" height="45">
                        </div>
                        <div>
                            <div class="hotusers-nick">一念之间</div>
                            <span class="hotusers-level" title="等级5" style="background-image: url(https://changyan.itc.cn/v2/asset/scs/imgs/p-lv05.png);">
<i style=" background-image:url(https://changyan.itc.cn/v2/asset/scs/imgs/p-lv01-04.png);">潜水</i>
</span>
                            <span class="hotusers-totalcmt">本站评论数：1</span>
                        </div>
                        <span class="hotusers-icons"></span>
                    </li>
                </ul>
            </div>
            <div class="blog-module shadow animated fadeInRight fadeInUp">
                <div class="blog-module-title"><i class="layui-icon"></i>&nbsp;最近评论</div>
                <ul class="recent-list">
                    {foreach $guestbook as $v}
                    <li class="hotusers-list-item">
                        <div data-name="那么平凡。" class="remark-user-avator">
                            <img src="{$v.user_photo}" width="45" height="45">
                        </div>
                        <div class="remark-content">
<!--                            <img src="http://blog.com/static/home/layui/images/face/42.gif" alt="[抓狂]">-->
                           {$v.gue_content | raw}

                        </div>
                        <span class="hotusers-icons"></span>
                    </li>
                    {/foreach}
                </ul>
            </div>
            <div class="blog-module shadow animated fadeInRight">
                <div class="blog-module-title"><i class="fa fa-link"></i>&nbsp;友情链接</div>
                <ul class="blogroll">
                    {foreach $link as $v}
                    <li>
                        <a target="_blank" href="{$v.link_url}" title="{$v.link_name}">{$v.link_name}</a>
                    </li>
                    {/foreach}
                </ul>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>
</div>
{include file="public/footer"/}
<!--<script>-->
<!--    layui.use('flow', function(){-->
<!--        var flow = layui.flow;-->
<!--        flow.load({-->
<!--            elem: '.layui-elem-field' //流加载容器-->
<!--            ,scrollElem: '' //滚动条所在元素，一般不用填，此处只是演示需要。-->
<!--            ,isAuto: false-->
<!--            ,isLazyimg: true-->
<!--            ,url: '/admin/index/article_list'-->
<!--            ,done: function(page, next){ //加载下一页-->

<!--            }-->
<!--        });-->

<!--        //按屏加载图片-->
<!--        flow.lazyimg({-->
<!--            elem: '#LAY_demo3 img'-->
<!--            ,scrollElem: '#LAY_demo3' //一般不用设置，此处只是演示需要。-->
<!--        });-->
<!--    });-->
</script>
